<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

<h:head>
	<title>Logística y Monitoreo</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<link rel="stylesheet" type="text/css" href="../css/demos.css"></link>

	<script type="text/javascript">
	
	</script>
	
</h:head>

<h:body>

   <h:form id="form">  
  
    <p:growl id="messages" showDetail="true"/> 
 
	<div id="header" class="ui-widget ui-widget-header">
			<div id="logo">
				<img src="../images/logo.png" alt="Logo" />
			</div>
	</div>
	
	<h1 class="title ui-widget-header ui-corner-all"> Ranking de Best Sellers  </h1>
	

	
        <p:dataTable var="ranking" value="#{rankingBean.ranking}" id="rankingList" editable="true">  

	  
	  		<p:column headerText="Código artículo" style="text-align: center">  
		            #{ranking.codigoArticulo}  
		    </p:column> 
		    
		    <p:column headerText="Posición" style="text-align: center">  
		            #{ranking.posicion}  
		    </p:column> 
	    </p:dataTable>
	    
	    <p:panel style="text-align: center">
			<p:commandButton id="enviar" action="#{rankingBean.enviar}" value="Enviar ranking a los portales web" update="recepcion"></p:commandButton>
		</p:panel>
		
		<p:dialog id="modalDialog" header="Estado del envio del Ranking de Best Seller por Portal Web" resizable="false"  widgetVar="dlgRecepcion" modal="true" closable="false">  
    		 
    		 <p:dataTable id="recepcion" var="recepcion" value="#{rankingBean.recepcion}"> 
	            	
	            	<p:column headerText="Portal Web" style="text-align: center">  
	            		#{recepcion.idModulo}  
	        		</p:column>  
	        		
	        		<p:column headerText="Estado" style="text-align: center">  
	            		#{recepcion.estado}  
	        		</p:column>
       		</p:dataTable>
       		
       		<p:panel style="text-align: right">
					<p:commandButton id="menu" action="#{rankingBean.volverAlMenu}" value="Volver al menú principal"></p:commandButton>
				</p:panel>
		</p:dialog>	
		
	<br></br>
	
	<p:panel style="text-align: right">
					<p:commandButton id="menu2" action="#{rankingBean.volverAlMenu}" value="Volver al menú principal"></p:commandButton>
	</p:panel>
		
    </h:form>
  </h:body>
  </f:view>
  </html>
 